<template>
  <div id="home-case">
    <!-- RECENT WORKS -->
    <section class="recent-works">
      <div class="container">
        <h2 class="section-heading pull-left">最新案例 RECENT WORKS</h2>
        <a href="#" class="btn btn-primary pull-right">查看更多</a>
        <div class="clearfix"></div>
        <div class="portfolio-static">
          <div class="row">
            <div class="col-md-4">
              <div class="portfolio-item">
                <div class="overlay"></div>
                <div class="info">
                  <h4 class="title">Raining</h4>
                  <p class="brief-description">Photography</p>
                  <a href="#" class="btn">read more</a>
                </div>
                <div class="media-wrapper">
                  <img src="@/assets/img/portfolio/800x500/work5.png" alt="Item Thumbnail" />
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="portfolio-item">
                <div class="overlay"></div>
                <div class="info">
                  <h4 class="title">Perfect Edge</h4>
                  <p class="brief-description">Product Design</p>
                  <a href="#" class="btn">read more</a>
                </div>
                <div class="media-wrapper">
                  <img src="@/assets/img/portfolio/800x500/work6.png" alt="Item Thumbnail" />
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="portfolio-item">
                <div class="overlay"></div>
                <div class="info">
                  <h4 class="title">Sunny Day</h4>
                  <p class="brief-description">Photography</p>
                  <a href="#" class="btn">read more</a>
                </div>
                <div class="media-wrapper">
                  <img src="@/assets/img/portfolio/800x500/work7.png" alt="Item Thumbnail" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- END RECENT WORKS -->
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
#home-case {
}
</style>
